@charset "utf-8";
body{
    background-color: #F3F3F3;
    position: relative;
}
.box{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    left: 0;top: 0;
    z-index: 10;
    display: none;
}
header{
    height: 2.55rem;
    width: 100%;
    background-color: #FFFFFF;
}
header .top{
    height: 2.55rem;
    line-height: 2.55rem;
    color:#000000;
    margin-bottom: .55rem;
    border-bottom: 2px solid #F3F3F3;
}
header .top .p1{
    font-size: .85rem;
    margin-left: .75rem;
}
header .top .p2{
    font-size: .85rem;
    margin-left: 5rem; 
}
header .top .p1 a{
    color:#000000;
}
.content{
    width: 100%;
    padding-left: .7rem;
    padding-right: .7rem;
    box-sizing: border-box;
    background-color: #FFFFFF;
}
.content .ul1 li{
    height: 2.9rem;
    border-bottom: 2px solid #E3E3E3;
}
.content .ul1 li span{
    font-size: .75rem;
    color:#333333;
    line-height: 2.9rem;
    font-weight: 500;
}
.content .ul1 li p{
    font-size: .65rem;
    color:#666666;
    line-height: 2.9rem;
    margin-right: .2rem;
}
.content .ul1 .li4 p{
   line-height: 1;
   margin-top: .7rem;
}
.content .center .p1{
    height: 2.6rem;
    line-height: 2.6rem;
    font-size: .75rem;
    color:#333333;
    font-weight: 500;
}
.content .center .ul2{
    display: flex;
    padding-bottom: 1rem;
    border-bottom: 2px solid #E3E3E3;
}
.content .center .ul2 li{
    flex:1;
    width: 4.3rem;
    height: 1.8rem;
    background-color: #DD3E34;
    border-radius: 5px;
    font-size: .65rem;
    color:#FFFFFF;
    text-align: center;
    line-height: 1.8rem;
    margin-right: .5rem;
}
.content .center .ul2 li:nth-child(4){
    margin-right: 0;
}
.content .bottom{
    padding-bottom: 1.25rem;
}
.content .bottom .p1{
    height: 2.6rem;
    line-height: 2.6rem;
    font-size: .75rem;
    color:#333333;
    font-weight: 500;
}
.content .bottom .p2{
    font-size: .65rem;
    color:#666666;
    line-height: 1.1rem;
}
footer{
    width: 100%;
    height: 2.5rem;
    background-color: #DD3E34;
    margin-top: 4.35rem;
}
footer p{
    font-size: .75rem;
    color:#FFFFFF;
    line-height: 2.5rem;
    text-align: center;
}
footer p a{
    color:#FFFFFF;
}
.content2{
    width: 95%;
    background-color: #FFFFFF;
    margin-left: 2.5%;
    padding-bottom: .5rem;
    position: absolute;
    left:0;top: 5%;
    z-index: 20;
    display: none;
}
.content2 .top{
    position: relative;
    height: 3.25rem;
    border-bottom: 2px solid #E3E3E3;
}
.content2 .top .p1{
    line-height: 3.25rem;
    color:#333333;
    font-size: .95rem;
    font-weight: bold;
    text-align: center;
}
.content2 .top .p2{
    position: absolute;
    right: 8px;top: -8px;
    font-size: 1.25rem;
    color:#999999;
}
.content2 .top .p2 a{
    color:#999999;
}
.content2 .ul1{
    padding-left: .75rem;
    padding-right: .75rem;
    box-sizing: border-box;
}
.content2 .ul1 li{
    height: 2.7rem;
    border-bottom: 2px solid #E3E3E3;
}
.content2 .ul1 li span{
    color:#333333;
    line-height: 2.7rem;
    font-size: .75rem;
}
.content2 .ul1 li input{
    font-size: .65rem;
    color:#999999;
    line-height: 2.7rem;
    text-align: right;
    margin-left: 0.3rem;
}
.content2 .center{
    padding-left: .75rem;
    padding-right: .75rem;
    box-sizing: border-box;
}
.content2 .center .p1{
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: .75rem;
}
.content2 .center textarea{
    width: 100%;
}

.content2 .shuxing{
    padding-left: .75rem;
    padding-right: .75rem;
    box-sizing: border-box;
}
.content2 .shuxing p span{
    line-height: 2.25rem;
    color:#333333;
    font-size: .75rem;
}
.content2 .shuxing p a{
    line-height: 2.25rem;
    color:#999999;
    font-size: .6rem;
}
.content2 .center1{
    position: relative;
}
.content2 .center1 .ul3{
    display: flex;
    margin-bottom: .7rem;
}
.content2 .center1 .ul3 li{
    flex: 1;
    width: 172px;
    height: 1.8rem;
    background-color: #EEEEEE;
    border-radius: 3px;
    font-size: .65rem;
    color:#444444;
    line-height: 1.8rem;
    text-align: center;
    margin-right: .55rem;
}
.content2 .center1 .ul3 li:nth-child(4){
    margin-right: 0;
}
.content2 .center1 .ul3 .active{
    background-color: #DD3E34;
    color:#FFFFFF;
}
.content2 .center1 .ol1 li{
    width: .85rem;
    height: .85rem;
    border-radius: 50%;
    background-color: #666666;
    color:#FFFFFF;
    text-align: center;
    line-height: .85rem;
    font-size: .7rem;
    display: none;
}
.content2 .center1 .ol1 .show{
    display: block;
}
.content2 .center1 .ol1 li:nth-child(1){
    position: absolute;
   right: 75%;top: -20%;
}
.content2 .center1 .ol1 li:nth-child(2){
    position: absolute;
   right: 49%;top: -20%;
}
.content2 .center1 .ol1 li:nth-child(3){
    position: absolute;
   right: 23%;top: -20%;
}
.content2 .center1 .ol1 li:nth-child(4){
    position: absolute;
   right: -3%;top: -20%;
}

.content2 .center2{
    position: relative;
}
.content2 .center2 .ul4{
    display: flex;
    padding-bottom: 1.05rem;
    box-sizing: border-box;
}
.content2 .center2 .ul4 li{
    flex: 1;
    width: 172px;
    height: 1.8rem;
    background-color: #EEEEEE;
    border-radius: 3px;
    font-size: .65rem;
    color:#444444;
    line-height: 1.8rem;
    text-align: center;
    margin-right: .55rem;
}
.content2 .center2 .ul4 li:nth-child(4){
    margin-right: 0;
}
.content2 .center2 .ul4 .active{
    background-color: #DD3E34;
    color:#FFFFFF;
}
.content2 .center2 .ol2 .show{
   display: block;
}
.content2 .center2 .ol2 li{
    width: .85rem;
    height: .85rem;
    background-color: #666666;
    font-size: .7rem;
    color:#FFFFFF;
    text-align: center;
    line-height: .85rem;
    border-radius: 50%;
    display: none;
}
.content2 .center2 .ol2 li:nth-child(1){
    position: absolute;
    right: 75%;top: -20%;
}
.content2 .center2 .ol2 li:nth-child(2){
    position: absolute;
   right: 49%;top: -20%;
}
.content2 .center2 .ol2 li:nth-child(3){
    position: absolute;
   right: 23%;top: -20%;
}
.content2 .center2 .ol2 li:nth-child(4){
    position: absolute;
   right: -3%;top: -20%;
}
.content2 .bottom{
    width: 90%;
    height: 2.5rem;
    background-color: #DD3E34;
    border-radius: 6px;
    margin-left: 5%;
}
.content2 .bottom p{
    font-size: .75rem;
    line-height: 2.5rem;
    text-align: center;
}
.content2 .bottom p a{
    color:#FFFFFF;
}